<template>
  <div class="my">
    <div class="myinfo">
      <img @click="toLogin" :src="avator" alt="">
      <div @click="toLogin">
        <p>{{userInfo.nickName}}</p>
        <p v-if="userInfo.nickname">点击登录</p>
        <p v-else>微信用户</p>
      </div>
    </div>
    <div class="iconlist">
      <div @click="goTo(item.url)" v-for="(item, index) in listData" :key="index">
        <span class="iconfont" :class="item.icon"></span>
        <span>{{item.title}}</span>
      </div>
    </div>
  </div>
</template>

<script>
  import {
    get,
    toLogin,
    login
  } from '../../utils'
export default {
    onShow () {
      // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
      if (login()) {
        this.userInfo = login()
        console.log(this.userInfo)
        this.avator = this.userInfo.avatarUrl
      }
    },
    created () {},
    mounted () {},
    data () {
      return {
        avator: 'http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png',
        allcheck: false,
        Listids: [],
        userInfo: {},
        listData: [{
          title: '我的订单',
          icon: 'icon-unie64a',
          url: ''
        },
        {
          title: '优惠券',
          icon: 'icon-youhuiquan',
          url: ''
        },
        {
          title: '我的足迹',
          icon: 'icon-zuji',
          url: ''
        },
        {
          title: '我的收藏',
          icon: 'icon-shoucang',
          url: '/pages/collectlist/main'
        },
        {
          title: '地址管理',
          icon: 'icon-dizhiguanli',
          url: '/pages/address/main'
        },
        {
          title: '联系客服',
          icon: 'icon-lianxikefu',
          url: ''
        },
        {
          title: '帮助中心',
          icon: 'icon-bangzhuzhongxin',
          url: ''
        },
        {
          title: '意见反馈',
          icon: 'icon-yijianfankui',
          url: '/pages/feedback/main'
        }
        ]
      }
    },
    components: {},
    methods: {
      goTo (url) {
        if (toLogin()) {
          mpvue.navigateTo({
            url: url
          })
        }
      },
      toLogin () {
        if (!this.userInfo.avatarUrl) {
          mpvue.navigateTo({
            url: '/pages/login/main'
          })
        }
      }
    },
    computed: {}
  }
</script>
<style lang='scss' scoped>
  @import "./style";

</style>
